<template>
  <h1>{{ o }}</h1>
  <button @click="setName">点击</button>
</template>
<!-- 在script标签上 写入setup 就是 setup入口函数的语法糖  -->
<script setup>
import { reactive ,toRef } from 'vue';
  const o = reactive({
    name:"张三",
    age:18
  })
  // toRef 作用： 把响应式对象的某一个属性作为 响应式数据
  const uname = toRef(o,'name')
  const setName = ()=>{
      uname.value = '李四'
      console.log(uname.value , 10001);
  }
  // let {name} = o;
  // const setName  =()=>{
  //   // o.name = '李四'
  //   console.log(name);
  //   name = '李四'
  //   console.log(name);
  // }

</script>
